@import '~@/assets/styles/variables';

.confirm-dialog {
  .el-dialog {
    border-radius: 16px;
    overflow: hidden;
    margin-top: 30vh !important;
    .el-dialog__header{
      height: 56px;
      padding: 0;
      background-color: $background-color;
      vertical-align: middle;
      .el-dialog__title{
        height: 56px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        line-height: 56px;
      }
    }
    .el-dialog__body{
      text-align: center;
      opacity: 0.81;
      color: #333333;
      min-height: 206px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      p{
        font-weight: 400;
        height: 206px;
        word-wrap: wrap;
        font-size: 18px;
        line-height: 2em;
        height: inherit;
      }
    }
    .el-dialog__footer{
      display: flex;
      border-top: none;
      z-index: 1000 !important;
      justify-content: space-around;
      .el-button{
        width: 105px;
        height: 32px;
        border-radius: 4px;
        &:focus{
          border-color: transparent;
        }
      }
    }
  }

  .colorBtn{
    color: #fff;
    background-color: $text-color;
  }
}